<%@ page contentType="text/html;charset=utf-8" language="java"%>
<!DOCTYPE html>
<%@include file="../common/base.jsp" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/p002.css" />
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
<title></title>
</head>

<body>
<div class="content">
	<img id="appbackgroundId" alt="" src="image/bg02.jpg" style="min-width: 100%;" />
	<div style="color: #fff;font-size: 110px;height: 10%;background-color: #000;opacity: 0.5;position: fixed;top: 46%;width: 100%;" id="userNameId">太阳</div>
	<div style="height: 26%;background-color: #fff;position: fixed;top: 56%;width: 100%;">
		<div style="font-size: 40px;margin-top: 3%;">
		魅力指数<span style="color: #ee2b33;font-size: 60px;">864223</span>&nbsp;&nbsp;打败了<span style="color: #ee2b33;font-size: 60px;">85%</span>的小伙伴
		</div>
		<div style="font-size: 40px;margin: 3% 5%;width: 90%;text-align: left;color: #f15a24;">
		<img alt="" src="image/icon03.png" />&nbsp;&nbsp;<span id="locationId"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img alt="" src="image/icon04.png" />&nbsp;&nbsp;<span id="occupationId"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img alt="" src="image/icon05.png" />&nbsp;&nbsp;<span id="hobbyId"></span>
		</div>
		<div style="font-size: 40px;margin-top: 3%;width: 90%;text-align: left;margin: 0 5%;" id="descId">
		</div>
	</div>
	<div style="height: 8%;background-color: #ff0000;width: 49.9%;position: fixed;top: 82%;">
		<img alt="" src="image/icon01.png" style="width: 16%;margin-top: 6%;" onclick="toAppIndex();"/>
	</div>
	<div style="height: 8%;background-color: #ff0000;width: 49.9%;position: fixed;top: 82%;left: 50%;">
		<img alt="" src="image/icon02.png" style="width: 16%;margin-top: 6%;" onclick="toAppIndex();"/>
	</div>
	<div style="position: fixed;top: 90%;width: 100%;height: 10%;background-color: #000;">
		<img style="width: 56%;margin-top: 5%;" alt="logo" src="image/logo02.png">
	</div>
</div>
</body>
<script>
$(function(){
	var cardId = request("cardId");
	loadCard(cardId);
	
});
function toAppIndex() {
	window.location.href='${path}/app/index.jsp';
}
function loadCard(cardId){
	objp= {}
	objp.cardId = cardId;
	   $.ajax({
			  url: '${path}/core/getCardInfoByCardId',
			  type: 'POST',
			  timeout: 30000,
			  cache : false,
		      data :objp,
		      async: false,
			  success:function(msg){
				  $("#appbackgroundId").attr("src",imgDomain+msg.cardInfo.userCard.background);
				  $("#userNameId").html(msg.cardInfo.userCard.name); 
				  $("#locationId").html(msg.cardInfo.userCard.location);
				  $("#occupationId").html(msg.cardInfo.userCard.occupation);
				  $("#hobbyId").html(msg.cardInfo.userCard.hobby);
				  $("#descId").html(msg.cardInfo.userCard.description);
				  
			  },
			   failure:function(msg){
				   //alert(eval('('+msg.responseText+')').error_text);
			   		
			   },
			   error:function(msg){
				   //alert(eval('('+msg.responseText+')').error_text); 
			   }
		});
}
</script>
</html>
